<template>
  <div class="home">
    <img src="../assets/labi.png" alt="" />
    <h1>Hello，圣诞节🎄</h1>
    <button @click="$router.push('/musicIndex')">开启重构小程序之旅</button>
  </div>
</template>

<script>
export default {
  name: "Home",
  components: {},
};
</script>
<style scoped>
.home {
  position: relative;
  width: 750rpx;
  height: 100vh;
  background-color: #b3d4db;
}
img {
  top: 15%;
  width: 2.6667rem;
  border-radius: 50%;
}
h1 {
  top: 40%;
}
button {
  top: 60%;
  width: 3.3333rem;
  height: 1.0667rem;
  color: #65849d;
  border: 1px solid #65849d;
  background-color: transparent;
}
h1,
img,
button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
</style>
